﻿@model List<DLULearningNetworkModel.Course>
<p style="margin-bottom:15px;padding: 5px 3px; border-left: 18px solid green; border: 1px solid green;
    text-align: center;">
    <a href="/Course/Personal/" style="color: Green; font-weight: bold;">Lớp trực tuyến</a></p>
<div class="vscrollbar">
    <div class="scrollbar">
        <div class="track">
            <div class="thumb">
                <div class="end">
                </div>
            </div>
        </div>
    </div>
    <div class="viewport">
        <div class="overview">
            @if (Model.Count != 0)
            {
                <ul style="padding-bottom: 5px;">
                    @foreach (DLULearningNetworkModel.Course course in Model)
                    {
                        List<DLULearningNetworkModel.ScheduleTime> lstScheduleTime = course.SeminarSchedules.First().ScheduleTimes.OrderBy(t=>t.Start_t).ToList();
                        foreach (DLULearningNetworkModel.ScheduleTime scht in lstScheduleTime)
                        {
                        <li style="clear: both; padding-top: 5px;">
                            <div style="float: left; width: 45px;">
                                <a href="/Course/Wall/@course.CourseID_u" style="color:Green;">
                                    <img src="../../Content/Images/classroom.png" style="width: 40px; height: 40px; float: left;
                                        padding-right: 3px;" /></a>
                            </div>
                            <div style="float: left; width: 150px;">
                                <a href="/Course/Wall/@course.CourseID_u" style="color:Green;"><span style="display: table-row;">@course.Title_s</span>
                                    <span style="display: table-row;">@scht.Start_t - @scht.End_t</span></a>
                            </div>
                        </li>
                        }
                    }
                </ul>
            }
            else
            { 
                <p name="noRequest" style="padding-left: 10px;">
                    Không có buổi thảo luận nào</p>
            }
        </div>
    </div>
</div>
